.container{
    display: flex;
    flex-direction: column;
    gap: @padding-middle;
    max-width: 700px;
    width: 700px;
    // position: relative;
    .tabs{
        // position: sticky;
        // top:80px;
        background-color: #fff;
        display: flex;
        align-items: center;
        padding: @padding-base;
        gap: @padding-base;
        cursor: pointer;
        .active{
            color: @primary-color;
        }
    }
    .list {
        flex: 1;
        background-color: #fff;
        .item {
            display: flex;
            gap: @padding-middle;
            padding: @padding-middle;
            border-top: 1px solid rgb(228, 230, 235);
            cursor: pointer;
            &:hover{
                background-color: #f7f8fa;
            }
            .left {
                color: rgb(138, 145, 159);
                display: flex;
                flex-direction: column;
                gap: 8px;
                flex:1;
                .title {
                    font-weight: 600;
                    font-size: 16px;
                    color: #252933;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }

                .desc {
                    //超出省略
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;

                }
                .otherContainer{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .metaContainer{
                        display: flex;
                        gap: @padding-middle;
                        .numberInfo{
                            display: flex;
                            gap:4px;
                        }
                    }
                    .tagContainer{

                    }
                }
            }

            .image {
                width: 108px;
                height: 72px;
            }
            .gzBtn{
                margin-left: auto;
            }
        }
    }
}

.box{
    width: 100%;
    display: flex;
    justify-content: center;
}